.Classify{
    width: 100%;
    height: 11vw;
    display: flex;
    background: white;
    align-items: center;
}
.left{
    display: flex;
    align-items: center;
    width: 78%;
    height: 100%;
    justify-content: space-between;
    padding: 0 10px;
}
.right{
    width: 20%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.right .icon{
    width: 22%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: 2px;
}
img{
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.drawer_footer{
    width: 100%;
    height: 16vw;
    display: flex;
    justify-content: space-around;
    align-items: center;
}
.reset{
    display: flex;
    width: 40%;
    height: 60%;
    align-items: center;
    justify-content: center;
    border-radius: 5vw;
    border: 1px solid black;
    color: black !important;
}
.reset:active{
    color: #2587F3 !important;
}
.confirm{
    width: 40%;
    height: 60%;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 5vw;
    background-color: #2587F3;
    color: white !important;
}
.confirm:active{
    color: #2587F3 !important;
    background-color: #6daaeb;
}